window.onload = function () {
    // get element
    var tel = document.querySelector('#tel');
    var qq = document.querySelector('#qq');
    var nc = document.querySelector('#nc');
    var yzm = document.querySelector('#yzm');
    var pwd = document.querySelector('#pwd');
    var surepwd = document.querySelector('#surepwd');

    // 正则表达式
    var regtel = /^1[3|4|5|7|8]\d{9}$/; // 手机号码
    var regqq = /^[1-9]\d{4,}$/; // QQ号码
    var regnc = /^[\u4e00-\u9fa5]{2,8}$/; // 昵称
    var regyzm = /^\d{6}$/; // 验证码
    var regpwd = /^[a-zA-Z0-9_-]{6,16}$/; // 密码

    regexp(tel, regtel); // 手机号码
    regexp(qq, regqq); // QQ
    regexp(nc, regnc); // 昵称
    regexp(yzm, regyzm); // 验证码
    regexp(pwd, regpwd); // 密码

    // 确认密码
    surepwd.onblur = function () {
        if (this.value == pwd.value) {
            this.nextElementSibling.className = 'success';
            this.nextElementSibling.innerHTML = '<i class="success_icon"></i> 密码输入正确';
        } else {
            this.nextElementSibling.className = 'error';
            this.nextElementSibling.innerHTML = '<i class="error_icon"></i> 密码输入错误，请重新输入';
        }
    };

    // 表单验证的函数
    function regexp(ele, reg) {
        ele.onblur = function () {
            if (reg.test(this.value)) {
                this.nextElementSibling.className = 'success';
                this.nextElementSibling.innerHTML = '<i class="success_icon"></i> 恭喜您输入正确';
            } else {
                this.nextElementSibling.className = 'error';
                this.nextElementSibling.innerHTML = '<i class="error_icon"></i> 格式输入错误，请重新输入';
            }
        }
    };
}